草庐IT

iOS 可重用组件

全部标签

javascript - 如何在 Jade 中创建可重用的标记

我想要完成的事情。我想做的事情实际上非常简单,Jade模板引擎应该能够帮我解决很多问题,但我遇到了一些障碍。我正在构建一个使用大量半透明元素的网站,例如这个jsFiddle中的元素:http://jsfiddle.net/Chevex/UfKnM/为了使容器背景为半透明但保持文本不透明,这涉及3个元素:position:relative的容器DIVposition:absolute的子DIV,背景颜色,高度/宽度设置为100%,其不透明度设置为所需级别。没有特殊定位的内容的另一个子DIV。它非常简单,我在CodeTunnel.com上相当有效地使用它.我想如何简化它。我正在用node.

javascript - 在 iOS 应用程序中设置 cookie 并从 Safari 读取该 cookie

我正在尝试执行以下操作:在我的appDelegate中,我正在设置一个cookie。之后,我尝试使用来自网络应用程序的JavaScript读取该cookie。这可能吗?因为我不能让它工作...这是我在iOS应用程序中的代码:NSMutableDictionary*cookieProperties=[NSMutableDictionarydictionary];[cookiePropertiessetObject:@"test"forKey:NSHTTPCookieName];[cookiePropertiessetObject:@"yes"forKey:NSHTTPCookieValu

javascript - chrome 扩展在后台页面和内容脚本下使用相同的 socket.io 连接

我正在使用socket.io做一个chrome扩展,我有一个内容脚本可以保持连接到服务器以进行实时聊天,但我也想在后台页面中从服务器获取一些信息。它像这样分开工作很好在内容脚本中varsocket=io.connect('http://localhost:3700');socket.on('dosomething',function(){console.log("test");});在后台页面varsocket=io.connect('http://localhost:3700');socket.on('dosomething',function(){console.log("test

javascript - 使用 Knockout 组件时替换容器元素

有没有办法配置Knockoutcomponent替换容器元素而不是将其内容嵌套在容器元素中?例如,如果我使用以下模板将自定义组件注册为my-custom-element:Helloworld!是否可以像这样使用组件:最终产品是这样的:Helloworld!而不是这样:(Knockout默认渲染组件的方式)Helloworld!Basedontheanswertothisquestion,似乎此功能内置于模板引擎中,我假设在呈现组件模板时也会使用它。有没有一种方法可以指定组件应该使用replaceNode的renderMode进行渲染?我知道“虚拟元素”语法,它允许在HTML注释中定义组

javascript - 如何在 react.js 中检测父组件中的子渲染

我正在尝试缓存App组件的渲染标记。我知道这在某种程度上“违反了规则”,但我处于无服务器环境(chrome-extension)中。页面加载后,我想将缓存的App标记注入(inject)DOM。预期结果类似于在服务器上使用react-componentrendererd的体验。非常像这里描述的那样:http://www.tabforacause.org/blog/2015/01/29/using-reactjs-and-application-cache-fast-synced-app/.为了说明我的用例,我更新了Thinkinginreactexample:应用程序可过滤的产品表搜索

javascript - jsx React组件中的格式数字

这个问题已经存在:javascriptnumber/currencyformatting[duplicate]关闭7年前。我正在编写一个jsx文件,想要格式化表格中数字的显示。这是表格的代码:{stringVar}{numberVar}直接打印numberVar;如何使用C风格的字符串格式显示该数字(我需要设置精度值、添加逗号和$字符)?

javascript - Ember.js 动态组件

我有两个模型Admin和User我的申请模板如下//application.hbs{{outlet}}{{header-nav}}我想做什么(如果可能的话)使{{header-nav}}可定制,我解释说:如果admin验证我想渲染组件{{admin-header}}在user进行身份验证的情况下,它应该呈现{{user-header}}。我如何构建要在application.hbs中动态呈现的内容? 最佳答案 您可以使用{{component}}帮助程序,但您需要先确定组件名称,因此,在您的Controller中:nameForCo

javascript - Webdriver.io 因 NoSessionIdError 崩溃

我正在尝试让webdriver.io和Jasmine正常工作。正在关注theirexample,我的脚本在test/specs/first/test2.js(根据配置),包含:varwebdriverio=require('webdriverio');describe('mywebdriveriotests',function(){varclient={};jasmine.DEFAULT_TIMEOUT_INTERVAL=9999999;beforeEach(function(){client=webdriverio.remote({desiredCapabilities:{brows

javascript - 外部 react 组件看不到 React.Component

当我链接为npm包时,外部React组件显示UncaughtTypeError:Cannotreadproperty'Component'ofundefined。我将package.json中的一个包链接为"react-mapbox":"https://github.com/varya/react-mapbox.git"。然后我在代码中使用它import{render}from'react-dom';importMapBoxfrom"react-mapbox";render(Hello,world!,document.getElementById('example'));但没有任何效果

javascript - Ember "this"在组件中未定义

我正在尝试制作一个进度条,它会随着更多挑战的完成而更新。但是,组件无法访问该属性,因为它是未定义的。我已经注入(inject)了一个服务,我正在尝试从该服务的一个属性创建一个计算属性。但是,除非在调试中,否则这始终是未定义的。importEmberfrom'ember';exportdefaultEmber.Component.extend({progress:0,game:Ember.inject.service(),events:this.get("game.challenges")});this怎么能在上面的代码中没有定义呢?它如何不绑定(bind)任何范围?我已经投入了这样的调